class sign {
    constructor() {

    }
    init() {
        let imgs = document.querySelector('.signs-middle>div>img:nth-child(1)');
        let sg = document.querySelector('.signs-middle>div>img:nth-child(2)')
        let click = document.querySelector('.signs>.signs-top>span:nth-child(3)');
        let click2 = document.querySelector('.signs>.signs-top>span:nth-child(1)');
        let mima = document.querySelector('.signs-middle>div:nth-child(2)');
        imgs.onmouseenter = function() {
            // console.log(1);
            // imgs.style.float = 'left';
            // imgs.style.overflow = 'hidden';
            imgs.style.left = '0';
            if (imgs.style.left == '0px') {
                sg.style.display = 'block';
                sg.style.left = '180px'
            }

        }
        imgs.onmouseout = function() {
            sg.style.display = 'none';
            // imgs.style.float = 'none';
            imgs.style.left = '75px';
        }
        mima.style.display = 'none';
        click.onclick = function() {
            imgs.parentElement.style.display = 'none';
            mima.style.display = 'block';

        }
        click2.style.cursor = 'pointer';

        click2.onclick = function() {
            imgs.parentElement.style.display = 'block';
            mima.style.display = 'none';
        }
    }
}
export {
    sign
}